<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录界面</title>
    <style type="text/css">
        .C{
            width: 80%;
            height: 500px;
            /* border: solid red; */
            /* text-align:center; */
            z-index: auto;
        }
        .c1{
            height: 100px;
            /* border: solid red; */
        }
        .c2{
            height: 300px;
        }
        .c3{
            height: 100px;
            /* border: solid red; */
            text-align: center;
        }
        .a1{
            width: 40%;
            height: 300px;
        }
        .a2{
            width: 40%;
            height: 300px;
        }
    </style>
</head>
<body>
<div class="C" >
    <div class="c1"><img src="css/img/logo.jpg"</div>
    <div class="c2">
        <table>
            <tr>
                <td class="a1">
                    <img src="css/img/l_1.jpg" width="40%" height="300">
                </td>
                <td class="a2">
                    <div class="a2">
                        <div>淘宝用户<span><a href="#">立即登录</a></span></div>
                        <div>账户名： <input type="text" id="username" name="username"value=""></div>
                        <div>密&nbsp;&nbsp;&nbsp;码：<input type="password"id="password" name="password" ></div>
                        <div><button type="submit"><img src="css/img/login_btn.jpg"></button><span><a href="#">忘记密码？</a></span></div>
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <hr/>
    <div class="c3">
        <p class="c3">Copyright(C)淘宝网 2003-2012,Taobao.com All Rights Reserved 京ICP证1109364号</p>
    </div>
</div>
</body>
</html>